<script setup lang="ts">
  import { onMounted, ref } from 'vue'
  import CONFIG from '@/config'

  const detail = ref(CONFIG.DETAIL)
  const titleUrl = ref(CONFIG.TITLE_IMAGE)
  const detailBoard = ref(null)
  
  onMounted(() => {
    console.log(CONFIG.DETAIL)
  })
  
</script>


<template>  
    <el-card class="detailBoard" ref="detailBoard">
        <el-col :span="24">
          <el-image :src="titleUrl" class = "title-image" :span="24" fit="contain" ></el-image>
        </el-col>
        <el-col :span="24" v-html="detail">
        </el-col>
    </el-card >
</template>

<style scoped>
 
  .detailBoard{
      background-color: white;
      border-radius: 10px;
      height: 600px;    
      color:  #337ecc;
      font-size: small;

  }
</style>
